<template>
    <el-container>
        <el-header style="border-bottom: 1px solid #64b587be;height:50px;background-color: #41B883;">
            <el-row :span="20" style="margin: 8px 10px;">
                <el-col :span="1">
                    <a style="font-size: 30px;">
                        <i class="el-icon-arrow-left" @click="goTo()" style="color:white;"></i>
                    </a>
                </el-col>
                <el-col :span="10" :offset="7">
                    <div style="color:white;">实名认证</div>
                </el-col>
            </el-row>
        </el-header>
        <el-main>
            <div class="cont">
                <el-card>
                    <el-row :gutter="25">
                        <el-col :span="5">
                            <div style="background-color:#64b5873f;padding:3px;
                            height:80px;width:80px">
                                <el-image style="height:80px; width:80px" 
                                :src="require('@/assets/pho/pic1.png')" fit="fit"></el-image>
                            </div>
                        </el-col>
                        <el-col :span="6" :offset="3">
                            <el-row style="margin-bottom:15px;margin-top:5px;">{{name}}</el-row>
                            <el-row>{{num}}</el-row>
                        </el-col>
                        <el-col :span="3" :offset="15">
                            
                        </el-col>
                    </el-row>
                    <el-row style="margin-top:30px;font-size:16px;color:gray;">
                        <el-col><i class="el-icon-s-claim" style="Opacity:0.9;color:white;font-size:20px;"></i>
                        个人隐私信息安全保障中
                        </el-col>
                    </el-row>
                </el-card>
                <div style="margin-top:25px;width:345px;">
                    <el-menu>
                        <el-menu-item style="margin:0px;border-bottom: 1px solid #64b5873f;">
                            <el-row>邀请有礼</el-row>
                            <el-row style="color:gray;font-size:17px;">完善个人信息，体验更多服务</el-row>
                        </el-menu-item>
                        <el-menu-item>
                            <el-row>证件照片</el-row>
                            <el-row style="color:gray;font-size:17px;">上传证件照片，提升制服额度</el-row>
                        </el-menu-item>
                        <el-menu-item style="border-top: 1px solid #64b5873f;">
                            <el-row>人像照片</el-row>
                            <el-row style="color:gray;font-size:17px;">体验刷脸科技，享受更多服务</el-row>
                        </el-menu-item>
                    </el-menu>
                </div>
            </div>
        </el-main>
    </el-container>
</template>

<script>
export default({
    name:"CheckRN",
    data() {
        return{
            name:"**夕",
            num:"1****************1",
        }
    },
    methods:{
        goTo(){
            this.$router.push({path:'/persons'})
        },
        handleChange(val) {
        console.log(val);
      }
    }
})
</script>

<style scoped>
    .el-container{
        height: 812px;
        display: flex;
        font-size: 25px;
        /*background-color: wheat;*/
    }

    .el-header,.el-main,.el-menu{
        /*background-color: #64b587be;*/
        padding: 0;
    }

    .el-main{
        border-top: 1px solid #64b5873f;
        width: 100%;
        /*background-color: white;*/
    }

    .el-card{
        /*margin: 20px;*/
        width: 345px;
        height: 180px;
        background-color: #64b58733;
    }

    .el-menu{
        background-color: white;
    }

    .el-menu-item{
        /*background-color: wheat;*/
        height: 80px;
        width: 345px;
        line-height: 50px;
        font-size: 20px;
        text-align: left;
    }
    
    .el-menu-item .el-row{
        height: 30px;
    }

    .cont{
        margin-top: 0;
        padding: 15px;
        width: 100%;
        height: 450px;
        /*background-color: white;*/
        font-size: 20px;
    }
        
</style>